<template>
    <div style="font-size: 13px; color: #333;">设置/系统设置</div>
    <div id="max">
        <div id="mid">
            <div>
                <el-row>
                    <el-col :span="24">
                        <el-menu>
                            <el-menu-item index="1">
                                <el-icon></el-icon>
                                <router-link to="/xitongshezhi/shixiaoshezhi">
                                    <span>时效设置</span>
                                </router-link>
                            </el-menu-item>
                            <el-menu-item index="2">
                                <el-icon></el-icon>
                                <router-link to="/xitongshezhi/diaodushezhi">
                                    <span>调度设置</span>
                                </router-link>
                            </el-menu-item>
                        </el-menu>
                    </el-col>
                </el-row>
            </div>
            <div>
            
            </div>
        </div>
        <router-view></router-view>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import {
    Document,
    Menu as IconMenu,
    Location,
    Setting,
} from '@element-plus/icons-vue'

export default defineComponent({
    setup() {
        const handleOpen = (key: string, keyPath: string[]) => {
            console.log(key, keyPath)
        }
        const handleClose = (key: string, keyPath: string[]) => {
            console.log(key, keyPath)
        }

        return {
            handleOpen,
            handleClose
        }
    }
})
</script>

<style scoped>
#max{
    display: flex;
    flex-direction: row;
    font-size: 13px;
    color: #333;
}
#mid {
    width: 180px;
    padding-top: 50px;
    display: flex;
    flex-direction: row;
    background-color: white;
}

.el-menu-item {
    width: 180px !important;
}
</style>